.line-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
/*公共样式开始*/
body,
html,
ul,
li,
div,
a,
span {
  margin: 0;
  padding: 0;
  color: #333;
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
  font-size: 0.512rem;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
a:link,
a:active {
  color: #333;
}
body,
html {
  width: 100%;
  height: 100%;
background: #F6F4F4;
}
/*清除浮动*/
.clearfix::before,
.clearfix::after {
  content: '';
  display: block;
  overflow: hidden;
  visibility: visible;
  height: 0;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.pull-left{
  float: left;
}
.pull-right{
  float: right;
}
a,
input,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
}

/******login*****/
#login-form{
  width: 90%;
  margin:0 auto;
}
#form-title{
  width: 90%;
  padding-top: 0.462666667rem;
  margin-bottom:  0.362666667rem;
  color: red;margin-bottom: 20px;
}
.formtitle, .prompt{
  margin-right: 1.06666667rem;
  height: 0.512rem;
  color: red;
}
 .input-inline .formtitle{
  color: #333;
}
.input-inline{
  height: 1rem;;
  border-bottom: 0.02133333rem solid #d1cfcf;
  padding-left: 0.29866667rem;
  background: #f6f4f4
}
.form-content .input-inline:nth-child(1){
  /*height: 1.6rem;*/
}
#login-form .form-content {
  height: 1.69983957rem;
  background: #f6f4f4;
  padding-top:0.66133333rem
}
#login-form .form-content .border-red{
  border-bottom: 0.02133333rem solid red;
  background: #f6f4f4;
}

.input-inline .formcontent{
  position: relative;
  width:75%;
  background: #f6f4f4;
}

.input-inline .formcontent input{
  width: 10.69333333rem;
  background: #f6f4f4;
}
.login-orther{
  margin-top: 0.43666667rem;
}
.login-orther a{
  color: #3CAADF;
}
.login-button{
  font-size: 0.64rem;
  color: white;
  margin-top: 2.048rem;
  background:#22A0DC;
  width: 100%;
  padding-bottom: 0.5546666rem; ;
  padding-top: 0.5546666rem; ;
  border-radius: 3px;
}
/****forgetPwd*****/
.getCapche{
  padding-top: 0.29866666rem;
  padding-bottom: 0.29866666rem;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  background: #22A0DC;
  color: white;
  position: absolute;
  right:0.32rem;
  bottom: 0.23rem
}
.field-tooltip .field-invalidmsg,
.field-tooltip .field-validmsg{
  padding-top: 0.29866666rem;
  padding-bottom: 0.29866666rem;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  text-align: center;
  background: white;
  margin: 0 auto;
  position: absolute;
  top: 44%;
  left:40%;
}
/*******recharge*****/
.select-recharge-account-title{
  width: 90%;
  padding-top: 0.462666667rem;
  padding-bottom: 20px;
  font-size: 0.554666667rem;
}
.select-recharge-account{
  margin-bottom: 2.048rem;
}
.select-recharge-account-type{
  width: 27%;

}
.select-recharge-account-type:nth-child(1){
  margin-left:1.74rem;
}
.select-recharge-account-type span{
  padding:0.24rem  0.686667rem;
  border: 1px solid  #22A0DC;
  border-radius:3px;
}
.select-recharge-account-other{
  margin-top:1rem;
}
.select-recharge-account-other li:nth-child(2){
  margin-top:0.1rem;
}
.select-recharge-account-other  ul  li input{
  background: #f6f4f4;
  margin-right:0.34rem;
  width: 4.24rem;
}
.select-recharge-account-input input{
  border-radius: 3px;
  padding:0.2rem  0.1rem;
  border: 1px  solid #d1cfcf;;
}
.select-recharge-account-type-active{
  background: #22A0DC;color: white;
}
.select-recharge-account-other  ul  li:nth-child(2){
  margin-left:0.36rem;color: red;
}
ul .select-recharge-account-input .select-recharge-account-input-active{
  border: 1px solid  #22A0DC;
}
.recharge-button{
  background: #22A0DC;
}
.select-recharge-type ul .selected-paytype{
  background: url("../images/selectPayType.png") ;background-size:0.512rem;border: 1px solid #279a04;
}
.un-select{
  width: 0.512rem;
  height: 0.512rem;
  border-radius: 50%;
  border: 1px solid #d1cfcf;
}
.select-recharge-type div{
  margin-bottom: 0.768rem;
}
.select-recharge-type  .select-recharge-type-title{
  font-size: 0.554666667rem;
}
.select-recharge-type   ul{
  width: 100%;
}
.select-recharge-type   ul  img{
  width: 0.93866667rem;
}
.select-recharge-type   ul li:nth-child(1) {
  margin-right: 0.85333333rem;
}
.select-recharge-type   ul li:last-child {
  margin-right: 1.28rem;
}

